<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="keywords" content="有糖开放平台" />
    <meta name="description" content="有糖开放平台" />
    <link type="image/x-icon" href="images/favorite.ico" rel="shortcut icon" />
    <title>API服务 - 有糖开放平台</title>
    <link rel="stylesheet" type="text/css" media="all"  href="css/utouu.jquery.extends.pagenationstable.css" />
    <link rel="stylesheet" type="text/css" media="all"  href="css/ui-dialog.css" />
    <link rel="stylesheet" type="text/css" media="all"  href="css/style.css" />
</head>
<body>

<!-- 右侧悬浮 -->
<div class="warp_right">
    <div class="subPhone bg_icon">
        <div class="phone">400-720-9815 </div>
    </div>
    <div class="subTop bg_icon" id="gotop"></div>
</div>
<!-- 右侧悬浮END -->


<header class="warp_head bg_black"><div class="section">
    <div class="head_logo"><a href="index.html">有糖开放平台</a></div>
    <div class="head_menu">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="developer.html">开发者中心</a></li>
            <li><a href="manage.html" class="active">管理中心</a></li>
        </ul>
    </div>
    <div class="head_user">
        <a href="" class="hu_register">注册</a>
        <a href="" class="hu_login">登录</a>
        <!--<a href="" class="hu_register">退出</a>
        <a href="" class="hu_user"><img src="images/user.jpg" /></a>-->
    </div>
</div></header>


<div class="layout_manage">
    <div class="section">

        <div class="warp_switch">
            <img src="images/mb.jpg" />
            <span>摩拜单车（iOS）</span>
            <a href="javascript:void(0);" class="ws_btn">切换应用</a>
        </div>

        <div class="warp_menu fL">
            <div class="sub_Menu sub_Menu_active">
                <h3 class="sm_bg5">应用配置<i></i></h3>
                <a href="pay.html">支付回调配置</a>
                <a href="message.html">短信模板配置</a>
                <a href="API.html">短信回调配置</a>
                <a href="pushdata.html">APP推送配置</a>
                <a href="diagram.html">启动图配置</a>
            </div>

        </div>

        <div class="warp_tab fR">
            <div class="tab_title">API服务 <div class="tab_update_date">配置时间：2016-12-02 16:59:08</div> </div>

            <div class="Contentbox">
                <div class="as_content">
                    <!--<a href="" class="as_return">&lt;返回</a>
                    <div class="wp_detail clearbox">
                        <img src="images/mb.jpg" />
                        <div class="subWpd">
                            <h3>摩拜单车</h3>
                            <p>APP ID：1104916997</p>
                            <p>APP KEY：gxuhTzjHwDv78cmK</p>
                        </div>
                        <div class="as_date">创建于2016-07-06 16:55:36</div>
                    </div>-->

                    <div class="Menubox">
                        <span class="active" id="as1" onclick="setTab('as',1,2)">已获取</span>
                        <span class="" id="as2" onclick="setTab('as',2,2)">未获取</span>
                    </div>
                    <div id="con_as_1">
                        <div class="as_tab">
                            <table class="wc_parameter">
                                <tr><th>分组名称</th><th>适应平台</th><th>API接口</th><th>功能说明</th></tr>
                                <tr><td rowspan="2">基础用户</td><td rowspan="2">移动应用</td><td>get_user</td><td>用户信息</td></tr>
                                <tr><td>get_user</td><td>消息内容</td></tr>
                            </table>
                        </div>
                    </div>
                    <div id="con_as_2" style="display: none;">
                        <div class="as_tab">
                            <table class="wc_parameter">
                                <tr><th>分组名称</th><th>适应平台</th><th>API接口</th><th>功能说明</th><th>操作</th></tr>
                                <tr><td>基础用户</td><td>移动应用</td><td>get_user</td><td>用户信息</td><td>正在审核</td></tr>
                                <tr><td>短信模板申请</td><td>网页应用</td><td>get_user</td><td>消息内容</td><td><a href="javascript:void(0);" class="link_power">申请权限</a></td></tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<!-- 切换应用 -->
<div id="switch_pop" style="display: none;">
    <div class="switch_pop">
        <img src="images/mb.jpg" />
        <p>摩拜单车（iOS）</p>
        <input type="text" placeholder="请输入想要切换的应用名称" />
        <div class="sp_btn">
            <button class="btn_blue">确定</button>
            <button class="btn_grey btn_cancel">取消</button>
        </div>
    </div>
</div>


</body>
<script type="text/javascript" src="js/lib.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="js/utouu.jquery.extends.pagenationstable.js"></script>
<script type="text/javascript" src="js/gptop.js"></script>
<script type="text/javascript">
    $(".link_power").click(function(){
        $.alert("申请成功，请等待审核","success");
    });

    $(".ws_btn").click(function(){
        var d = dialog({
            title:"切换应用",
            content:document.getElementById("switch_pop")
        });
        d.showModal();
    });
    $(".btn_cancel").click(function(){
        $(".ui-dialog-close").click();
    });

</script>

</html>